window.onload = function () {
  var oBtn1 = document.getElementById('btn1');
  var oBtn2 = document.getElementById('btn2');
  var oBtn3 = document.getElementById('btn3');
  var oBtn4 = document.getElementById('btn4');
  var oImg1 = document.getElementById('img1');
  var oImg2 = document.getElementById('img2');
  var oAa = document.getElementById("link");
    oAa.onmouseover = function(){
        oImg1.style.display = "none";
        oImg2.style.display = "block";
    };
    oAa.onmouseout = function () {
        oImg1.style.display = "block";
        oImg2.style.display = "none";
    };
    oBtn1.onmouseover=function () {
        oBtn1.style.color = "blue";
        oBtn1.style.borderColor = "blue";
    }
    oBtn2.onmouseover=function () {
        oBtn2.style.color = "blue";
        oBtn2.style.borderColor = "blue";
    }
    oBtn3.onmouseover=function () {
        oBtn3.style.color = "blue";
        oBtn3.style.borderColor = "blue";
    }
    oBtn4.onmouseover = function(){
        oBtn4.style.color = "blue";
        oBtn4.style.borderColor = "blue";
    }
    oBtn1.onmouseout=oBtn2.onmouseout=oBtn3.onmouseout=oBtn4.onmouseout = function(){
        oBtn1.style.color = "";
        oBtn2.style.color = "";
        oBtn3.style.color = "";
        oBtn4.style.color = "";
        oBtn1.style.borderColor = "";
        oBtn2.style.borderColor = "";
        oBtn3.style.borderColor = "";
        oBtn4.style.borderColor = "";
    }
};